(function () {

  var style = `
      .jwebui-card {
        display: flex;
        flex-direction: column;
      }
      .jwebui-card .card-header{
        height: 30px;
        background: #4ac3ad;
        color: #fff;
        line-height: 30px;
        padding: 0px 5px;
      }
      .jwebui-card .card-body {
        flex: 1;
        overflow: auto;
      }
    `;

  var template = `
      <div class="jwebui-card">
        <div class="card-header">
          <slot name="header">{{title}}</slot>
        </div>
        <div class="card-body">
          <slot></slot>
        </div>
      </div>
    `

  return {
    data() {
      return {
      }
    },
    props: ['title'],
    updated: () => {
    },
    mounted: () => {
    },
    computed: {
    },
    watch: {
    },
    methods: {
    },
    template: template,
    style: style
  }
})()